<div>
	<div class="table-title"><span class="table-title-icon"></span><span>导入黄赌毒举报信息</span><span class="import-change-icon pull-right" ng-show="importType=='single'" ng-click="changeImportType('multiple')">批量导入</span><span class="import-change-single-icon pull-right" ng-show="importType=='multiple'" ng-click="changeImportType('single')">单一导入</span></div>
	<div class="import-container full-width" ng-show="importType=='multiple'" >
		<div class="row  import-textarea">
			<div class="col-md-12">
			<textarea placeholder="请复制粘贴您要批量导入的黄赌毒信息。" ng-model="csvarea" name="csvarea" id="" cols="30" rows="50" width="100%" ></textarea>
			</div>
		</div>
		<div class="row last-row">
			<div class="btn-field full-width">
				<div class="info-cancel-btn" ng-click="freshCSV()"><img src="../img/取消.png" class="btn-icon"  alt=""><span>取消提交</span></div>
				<div class="info-btn" ng-click="submitCSV()"><img src="../img/提交.png" class="btn-icon"  alt=""><span>确认提交</span></div>
			</div>
		</div>
	</div>
	<div class="import-container full-width" ng-show="importType=='single'">
		<form action=""  name="importForm" novalidate>
			<div class="row">
				<div class="col-md-4 name"><span style="color:red">*</span>警单号：</div>
				<div class="col-md-5 value">
					<input ng-class="{'error-input':importForm.ajbh.$invalid&&importForm.ajbh.$dirty}" name="ajbh" ng-model="form.ajbh" value="" ng-disabled="changeFlag=='change'" ng-model="form.ajbh" class="form-control" required>
					<span class="clear-input" ng-show="changeFlag==''" ng-click="clearInput('ajbh')"></span>
				</div>
				<div class="col-md-3 error" ng-show="importForm.ajbh.$dirty">
					<img class="form-icon" ng-show="importForm.ajbh.$invalid" src="../img/错.png" alt="">
					<span style="color:red"  ng-show="importForm.ajbh.$error.required">警单号为必填项。</span>
					<img class="form-icon" ng-show="importForm.ajbh.$valid" src="../img/对.png" alt="">
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 name">时间：</div>
				<div class="col-md-5 value">
					<input ui-date="dateOptions" ng-model="form.time" type="text" value=""  class="form-control">
				</div>
				<div class="col-md-3"></div>
			</div>
			<div class="row">
				<div class="col-md-4 name"><span style="color:red">*</span>案发地点：</div>
				<div class="col-md-5 value">
					<input ng-class="{'error-input':importForm.afdd.$invalid&&importForm.afdd.$dirty}" type="text" name="afdd" ng-model="form.afdd" value="" class="form-control" required>
					<span class="clear-input" ng-click="clearInput('afdd')"></span>
				</div>
				<div class="col-md-3 error" ng-show="importForm.afdd.$dirty">
					<img class="form-icon" ng-show="importForm.afdd.$invalid" src="../img/错.png" alt="">
					<span style="color:red"  ng-show="importForm.afdd.$error.required">场所名称为必填项。</span>
					<img class="form-icon" ng-show="importForm.afdd.$valid" src="../img/对.png" alt="">
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 name">经度：</div>
				<div class="col-md-5 value">
					<input ng-class="{'error-input':importForm.jd.$invalid&&importForm.jd.$dirty}" type="text" name="jd" ng-model="form.jd" value="" class="form-control" >
					<span class="clear-input" ng-click="clearInput('jd')"></span>
				</div>
				<div class="col-md-3 error" ng-show="importForm.jd.$dirty">
					<img class="form-icon" ng-show="importForm.jd.$invalid" src="../img/错.png" alt="">
					<img class="form-icon" ng-show="importForm.jd.$valid" src="../img/对.png" alt="">
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 name">纬度：</div>
				<div class="col-md-5 value">
					<input ng-class="{'error-input':importForm.wd.$invalid&&importForm.wd.$dirty}" type="text" name="wd" ng-model="form.wd" value="" class="form-control">
					<span class="clear-input" ng-click="clearInput('wd')"></span>
				</div>
				<div class="col-md-3 error" ng-show="importForm.wd.$dirty">
					<img class="form-icon" ng-show="importForm.wd.$invalid" src="../img/错.png" alt="">
					<img class="form-icon" ng-show="importForm.wd.$valid" src="../img/对.png" alt="">
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 name">重复报警次数：</div>
				<div class="col-md-5 value">
					<ui-select ng-model="form.repeat" name="repeat" ng-class="{'error-select':importForm.repeat.$invalid&&importForm.repeat.$dirty}">
		    			<ui-select-match>
		       				<span ng-bind="$select.selected"></span>
		    			</ui-select-match>
		    			<ui-select-choices repeat="item in repeatGroup|filter: $select.search">
		        			<span ng-bind="item"></span>
		    			</ui-select-choices>
					</ui-select>
				</div>
				<div class="col-md-3 error" ng-show="importForm.repeat.$dirty">
					<img class="form-icon" ng-show="importForm.repeat.$invalid" src="../img/错.png" alt="">
					<img class="form-icon" ng-show="importForm.repeat.$valid" src="../img/对.png" alt="">
				</div>
			</div>	
			<div class="row">
				<div class="col-md-4 name"><span style="color:red">*</span>街道：</div>
				<div class="col-md-5 value">
					<ui-select ng-model="form.street" name="street" on-select="checkCommunity($item)" ng-class="{'error-select':importForm.street.$invalid&&importForm.street.$dirty}" required >
		    			<ui-select-match>
		       				<span ng-bind="$select.selected.street"></span>
		    			</ui-select-match>
		    			<ui-select-choices repeat="item in (SAndCGroup | unique:'street' | filter: $select.search) track by item.id">
		        			<span ng-bind="item.street"></span>
		    			</ui-select-choices>
					</ui-select>
				</div>
				<div class="col-md-3 error" ng-show="importForm.street.$dirty">
					<img class="form-icon" ng-show="importForm.street.$invalid" src="../img/错.png" alt="">
					<span style="color:red"  ng-show="importForm.street.$error.required">街道为必填项。</span>
					<img class="form-icon" ng-show="importForm.street.$valid" src="../img/对.png" alt="">
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 name"><span style="color:red">*</span>社区：</div>
				<div class="col-md-5 value">
					<ui-select ng-model="form.community" name="community" on-select="pushStreet($item)" ng-class="{'error-select':importForm.community.$invalid&&importForm.community.$dirty}" required>
		    			<ui-select-match>
		       				<span ng-bind="$select.selected.community"></span>
		    			</ui-select-match>
		    			<ui-select-choices repeat="item in (SAndCGroup  | sort:'street':form.street.street|filter: $select.search) track by item.id">
		        			<span ng-bind="item.community"></span>
		    			</ui-select-choices>
					</ui-select>
				</div>
				<div class="col-md-3 error" ng-show="importForm.community.$dirty">
					<img class="form-icon" ng-show="importForm.community.$invalid" src="../img/错.png" alt="">
					<span style="color:red"  ng-show="importForm.community.$error.required">社区为必填项。</span>
					<img class="form-icon" ng-show="importForm.community.$valid" src="../img/对.png" alt="">
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 name"><span style="color:red">*</span>警情分类：</div>
				<div class="col-md-5 value">
					<ui-select ng-model="form.type" name="type" ng-class="{'error-select':importForm.type.$invalid&&importForm.type.$dirty}" required>
		    			<ui-select-match>
		       				<span ng-bind="$select.selected"></span>
		    			</ui-select-match>
		    			<ui-select-choices repeat="item in typeGroup|filter: $select.search">
		        			<span ng-bind="item"></span>
		    			</ui-select-choices>
					</ui-select>
				</div>
				<div class="col-md-3 error" ng-show="importForm.type.$dirty">
					<img class="form-icon" ng-show="importForm.type.$invalid" src="../img/错.png" alt="">
					<span style="color:red"  ng-show="importForm.type.$error.required">警情分类为必填项。</span>
					<img class="form-icon" ng-show="importForm.type.$valid" src="../img/对.png" alt="">
				</div>
			</div>
			<div class="row textarea">
				<div class="col-md-4 name"><span style="color:red">*</span>报警内容：</div>
				<div class="col-md-5 value">
					<textarea class="form-control" name="bjnr" ng-model="form.bjnr" id="" cols="30" rows="2" ng-class="{'error-input':importForm.bjnr.$invalid&&importForm.bjnr.$dirty}" required></textarea>
					<span class="clear-input" ng-click="clearInput('bjnr')"></span>
				</div>
				<div class="col-md-3 error" ng-show="importForm.bjnr.$dirty">
					<img class="form-icon" ng-show="importForm.bjnr.$invalid" src="../img/错.png" alt="">
					<span style="color:red"  ng-show="importForm.bjnr.$error.required">报警内容为必填项。</span>
					<img class="form-icon" ng-show="importForm.bjnr.$valid" src="../img/对.png" alt="">
				</div>
			</div>
			<div class="row last-row">
				<div class="btn-field full-width">
					<div class="info-cancel-btn" ng-click="fresh()"><img src="../img/取消.png" class="btn-icon"  alt=""><span>取消提交</span></div>
					<div class="info-btn" ng-click="submitForm()"><img src="../img/提交.png" class="btn-icon"  alt=""><span>确认提交</span></div>
				</div>
			</div>
		</form>
	</div>

 
</div>
<div class="import-table">
	<div class="table-title"><span class="table-title-icon"></span><span>黄赌毒举报信息列表</span><span class="search-input pull-right"><span ></span><input type="text" placeholder="搜索黄赌毒信息" name="search_input" ng-model="searchText"></span></div>
	<div>
		<table class="detail-table">
			<thead>
				<th width="4%">序号</th>
				<th width="7%">警单号</th>
				<th width="10%">时间<img src="../img/排序降序.png" ng-click="clickSort('-time')" alt=""></th>
				<th width="15%">案发地址</th>
				<th width="8%">经纬度</th>
				<th width="15%">报警内容</th>
				<th width="7%">重复次数</th>
				<th width="8%">街道<img src="../img/排序降序.png" ng-click="clickSort('-street')" alt=""></th>
				<th width="7%">警情分类</th>
				<th width="8%">社区<img src="../img/排序降序.png" ng-click="clickSort('-community')" alt=""></th>
				<th width="10%">操作</th>
			</thead>
			<tbody>
				<tr  ng-repeat="item in commList track by $index ">
					<td>{{pageOption.current*pageOption.pageSize+$index+1}}</td>
					<td>{{item.ajbh}}</td>
					<td>{{item.time|date:'yyyy-MM-dd'}}</td>
					<td>{{item.afdd}}</td>
					<td>[{{item.jd}},{{item.wd}}]</td>
					<td>{{item.bjnr}}</td>
					<td>{{item.repeat}}</td>
					<td>{{item.street}}</td>
					<td>{{item.type}}</td>
					<td>{{item.community}}</td>
					<td class="lastCol">
						<div>
							<span class="modify" ng-click="change(pageOption.current*pageOption.pageSize+$index)">修改</span>
							<span class="delete" ng-click="delete(item.ajbh)">删除</span>
						</div>
						
					</td>
				</tr>
			</tbody>
		</table>
		<div class="list-pagin"><pagining pageOption="pageOption" callBack="getData(item)"></pagining></div>
	</div>	
</div>
<hint hintOption="hintOption" clickSubmit="clickSubmit()" clickClose="clickCancel()"></hint>